/**
* 功能描述: 加载中demo
* @author 崔孝楠
* @date 2022/10/8 8:36
* @version 1.0
*/
<template>
  <div>
    <!-- small loading -->
    <div class="yw-loading yw-loading-sm">
      <span class="yw-loading-dot yw-loading-dot-spin">
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
      </span>
    </div>
    <!-- 基础loading -->
    <div class="yw-loading">
      <span class="yw-loading-dot yw-loading-dot-spin">
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
      </span>
    </div>
    <!-- large loading -->
    <div class="yw-loading yw-loading-lg">
      <span class="yw-loading-dot yw-loading-dot-spin">
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
        <i class="yw-loading-dot-item"></i>
      </span>
    </div>
    <!-- 有遮罩层 -->
    <div class="yw-loading-nested">
      <!-- loading -->
      <div class="yw-loading yw-loading-show-text">
        <span class="yw-loading-dot yw-loading-dot-spin">
          <i class="yw-loading-dot-item"></i>
          <i class="yw-loading-dot-item"></i>
          <i class="yw-loading-dot-item"></i>
          <i class="yw-loading-dot-item"></i>
        </span>
        <!-- loading 文字 -->
        <div class="yw-loading-text">Loading...</div>
      </div>
      <!-- 内容 -->
      <div class="yw-loading-blur" style="height: 200px; border: 1px solid #DCDFE6">
        loading nested content
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>
